草庐IT

HTML 图像

全部标签

javascript - 将 base64 编码的图像保存到 Firebase 存储

使用firebase3.0.x,是否可以将base64编码的图像保存到新的Firebase存储服务?我在上传图像之前使用Canvas在浏览器中调整图像大小,并将它们输出为base64jpeg。我知道Storageapi可以接受Blob,但我当前的项目需要IE9支持。 最佳答案 无需将BASE64转blob,只需使用putString函数即可。firebase.storage().ref('/your/path/here').child('file_name').putString(your_base64_image,‘base64’

javascript - React Styled Components - 如何访问原始 html

我有一个组件的引用,我正在将其转换为styledcomponent在我的应用程序中。ref用于访问组件的原始html元素上的offsetHeight和scrollHeight属性。将此组件切换为样式化组件后,ref现在指向样式化组件而不是原始html元素,我不确定如何引用基本元素。这能做到吗?例子:constTextArea=styled.textarea`display:block;margin:00018%;padding:4px6px;width:64%;font-size:1rem;color:#111;`;exportdefaultclassInputextendsCompo

javascript - jQuery 可以解析存储在变量中的 HTML 吗?

我正在使用PHP和ajax命令获取外部网页的全部HTML内容(通过PHPfile_get_contents()命令)并将该HTML传递到javascript变量中。一旦我将页面的HTML内容存储在一个变量中,我是否可以使用jQuery与该变量的内容交互,就像jQuery通常与DOM交互一样?在此示例中,我试图搜索具有特定ID属性的某些HTML元素(和标签)是否存在。谁能建议我如何才能做到这一点? 最佳答案 如果我理解正确的话,您应该能够将变量传递给jQuery函数并相应地工作。.filter()的简单示例:$(myHtml).fil

javascript - 使用 WebGL 进行二维图像处理

我打算用JS创建一个简单的照片编辑器。我的主要问题是,是否可以创建实时渲染的滤镜?例如,调整亮度和饱和度。我只需要一张2D图像,我可以在其中使用GPU应用滤镜。我读过的所有教程都非常复杂,并没有真正解释API的含义。请指出正确的方向。谢谢。 最佳答案 我打算写一个教程并将其发布在我的博客上,但我不知道我什么时候有时间完成所以这就是我所拥有的Here'samoredetailedsetofpostsonmyblog.WebGL实际上是一个光栅化库。我接收属性(数据流)、制服(变量),并希望您提供二维的“裁剪空间”坐标和像素的颜色数据。

javascript - 如何在 html 应用程序中保护用于解析的 Rest API key

我一直在学习Angular.js并使用了Parse作为后端服务。要将数据发布到ParseRESTfulAPI,您可以在请求的header中传递RESTAPIkey和AppID,如下所示:varconfig={headers:{"X-Parse-REST-API-Key":"someapikey","X-Parse-Application-Id":"someappid"}};$http.post("https://api.parse.com/1/classes/myobject",obj,config).success(function(data){console.log(data);}

javascript - 在浏览器中显示 HTML 标记而不被渲染

开始实现Javascript,我需要进行故障排除,并希望在不呈现的情况下将HTML输出到屏幕。我可以通过访问元素(在IE中)document.getElementById("test").outerHTML我想,但我无法证明我要确定的是什么。那么我该怎么做才能让document.write显示包括标签在内的整个元素? 最佳答案 你的意思是你想要文字,例如,Hello而不是Hello?如果是这样,请快速执行:myHTML=myHTML.replace(/[&\n]/g,function(x){return{'':'>','&':

javascript - 使用 Javascript 的动画图像

有没有一种方法可以使用基于某些png或jpg的javascript创建类似gif的图像?只是一个简单的代码,可以将一张图片换成另一张图片,创建动画效果,就像gif一样。我的想法是用于生成横幅,所以我上传图片(完成),我需要这个动画的代码。 最佳答案 去年愚人节,Stackoverflow将这种技术用于其独Angular兽动画。我保留了动画onmywebsite.动画代码是我自己的——我没有看stackoverflow是怎么做的。概念是创建一个Sprite,然后在一个时间间隔上改变背景位置。constframeHeight=102;c

Javascript - innerHTML 不适用于 HTML 选择菜单

在我的HTML页面中,我有2个选择菜单,ID为“月”和“日”-页面加载时“日”为空,“月”有12个选项,值1-12对应于1月-12月。“month”有一个onchange事件调用这个函数:functionshowOutboundDays(month){if(month==4||month==6||month==9||month==11)document.getElementById('day').innerHTML='12';etc.upto30elseif(month==2)document.getElementById('day').innerHTML='1';etc.upto28

javascript - Photoshop JavaScript 将图像和 Canvas 调整为特定(非正方形)大小

关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭9年前。Improvethisquestion如何使用PhotoShop的JavaScript功能将一组数百张图像转换为特定的非方形尺寸(例如320x350像素)?

javascript - 如何在后台加载图像?

问题:我正在制作专辑。所以每次按下时间“下一步”按钮我正在加载新图像。我想要实现的是,只有在新图像从服务器完全下载后,我才想从旧图像切换到新图像。实际上我不想在加载时显示部分图像。有什么解决办法吗?附言SIMILARQUESTION但这是针对Iphone的。我需要浏览器吗? 最佳答案 只需通过javascript创建一个新图像,并且仅在onload触发后显示该图像。这将确保您看不到图像的任何部分渲染。LiveDemovarcurImg=newImage();curImg.src="urltoyourimage";curImg.onl